<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>火车票搜索结果</title>
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../css/aui.css"/>
    <link rel="stylesheet" href="../../../script/swiper/swiper.min.css">
    <link rel="stylesheet" href="../../../css/index/aircraft/ticket_list.css">
    <link rel="stylesheet" href="../../../css/index/train/train_result.css"/>
    <link rel="stylesheet" href="../../../css/index/hotel/date.css">
    <link rel="stylesheet" href="../../../script/widget/slider/jquery.range.css">
</head>

<body style="cursor: pointer;">
  <!-- 日期选择 -->
  <div class="swiper-container" style="height:3.5rem;position:static;">
      <div class="swiper-wrapper" id="calendar">

      </div>
  </div>
  <div class="swiper-slide" id="date-time" style="height:3.5rem;line-height: 3.5rem;border-left:1px solid #59BFDD;float:right;width: 16.6%;">
      <i class="iconfont icon-rili1" style="font-size: 1.2rem;"></i>
      <p style="color:#ffffff;margin-top:-2rem;">日历</p>
  </div>

<div class="train_list">
    <ul id="tran_list">
      <!-- <li>
    <ul class="train_info" style="overflow:hidden;" data="' + val.train_code + '">
        <li style="width: 25%;text-align:center;" class="start">
            <div class="start_message">
                <p>04:00</p>
                <p><div class="pass">始</div><span class="start_addr" style="font-size:0.7rem;">太原</span></p>
            </div>
        </li>
        <li style="width: 25%;" class="expend_time">
            <p class="train_number" style="color:black;font-size:0.8rem;">G110</p>
            <i class="iconfont icon-lianjie"></i>
            <p style="margin-top:-2.5rem;font-size:0.5rem;">04小时08分</p>
        </li>

        <li class="end" style="float:left;width: 25%;text-align:center;">
            <div class="end_message">
                <p>08:00</p>
                <p><div class="last">终</div><span class="end_addr" style="font-size:0.7rem;">北京西西</span></p>
            </div>
        </li>
        <li class="end" style="float:right;width: 25%;">
            <div class="seat_message">
                <p class="price">￥<em class="seat_price">150</em>起</p>
            </div>
        </li>
        <div class="seatNum">
          <p style="width: 25%;font-size: 0.6rem;">高级软卧<span>100</span>张</p>
          <p style="width: 25%;font-size: 0.6rem;">无座<span>100</span>张</p>
          <p style="width: 25%;font-size: 0.6rem;">硬卧<span class="zero_span">0</span>张</p>
          <p style="width: 25%;font-size: 0.6rem;">高级软卧<span class="zero_span">0</span>张</p>
        </div>
    </ul>
</li> -->
    </ul>
</div>
<div class="main">
    <!--点击筛选弹出框的内容start-->
    <div class="train_filtrate" style="display: none;">
        <ul>
            <li>
                <p style="text-align: left;">车次类型</p>
                <p>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train1"
                                                           value=""/><label>高铁/动车</label></div>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train1"
                                                           value=""/><label>高铁/动车</label></div>
                </p>
            </li>
            <li>
                <p style="text-align: left;">车次类型</p>
                <p>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train2"
                                                           value=""/><label>高铁/动车</label></div>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train2"
                                                           value=""/><label>高铁/动车</label></div>
                </p>
            </li>
            <li>
                <p style="text-align: left;">车次类型</p>
                <p>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train3"
                                                           value=""/><label>高铁/动车</label></div>
                <div style="width:50%;float: left;"><input style="vertical-align: middle;" type="radio" name="train3"
                                                           value=""/><label>高铁/动车</label></div>
                </p>
            </li>
        </ul>
    </div>
    <!--点击筛选弹出框的内容end-->
    <!--点击排序弹出框的内容start-->
    <div class="train_order aui-content aui-margin-b-15" style="display: none;">
        <ul class="aui-list aui-form-list">
            <li style="border-bottom: 1px solid #ccc;" class="aui-list-item" style="height:2rem;">
                <div class="aui-list-item-input">
                    <i class="iconfont icon-jiantou-bot-copy"></i>
                    <label><span class="label_name">出发时间</span><input class="aui-radios" style="vertical-align: middle;"
                                                                      type="radio" name="order_t" value=""/></label>
                </div>
            </li>
            <li style="border-bottom: 1px solid #ccc;" class="aui-list-item" style="height:2rem;">
                <div class="aui-list-item-input">
                    <i class="iconfont icon-jiantou-bot-copy"></i>
                    <label><span class="label_name">到达时间</span><input class="aui-radios" style="vertical-align: middle;"
                                                                      type="radio" name="order_t" value=""/></label>
                </div>
            </li>
            <li style="border-bottom: 1px solid #ccc;" class="aui-list-item" style="height:2rem;border-radius: 0.3rem;">
                <div class="aui-list-item-input">
                    <i class="iconfont icon-jiantou-bot-copy"></i>
                    <label><span class="label_name">耗时</span><input class="aui-radios" style="vertical-align: middle;"
                                                                    type="radio" name="order_t" value=""/></label>
                </div>
            </li>
        </ul>
    </div>
    <!--点击排序弹出框的内容end-->
</div>

</body>
<script src="../../../script/aui/api.js"></script>
<script src="../../../script/aui/aui-tab.js"></script>
<script src="../../../script/aui/aui-toast.js"></script>
<script src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script src="../../../script/widget/swiper.min.js"></script>
<script src="../../../script/widget/js-time.js"></script>
<script src="../../../script/aui/aui-dialog.js"></script>
<script src="../../../script/extend/date.js"></script>
<script src="../../../script/config.js"></script>
<script src="../../../script/common.js"></script>
<script src="../../../service/index/train/trainResult.js"></script>

<script type="text/javascript">
    var index = 0;
    apiready = function () {
        api.parseTapmode();
        let pageParam = api.pageParam;
      //  console.log(JSON.stringify(pageParam));
        index = pageParam.index;
        new trainResult({
            start_station   : pageParam.train_start,
            end_station     : pageParam.train_end,
            start_date      : pageParam.train_date,
            index           : pageParam.index
        });
    };


</script>
</html>
